インタラクティブなグラフ COMP

http://www.comp.jp/

完全栄養食の販売をするサイトです。

マネしたいポイント

栄養素のグラフがありますが、マウスホバーで各栄養素の値が見れるようなインタラクティブなグラフになっています。情報量が多くなりがちなグラフをこうしてホバーで表示することでスッキリとまとめています。

応用できそうな場面

棒グラフだけでなく、円グラフ、折れ線グラフなど他の種類のグラフでも使えそうです。あまりに情報量が多く、雑多なグラフはユーザーも読む気がなくなってしまうので、インタラクションを使えばシンプルにまとめられると思います。

懸念点

ホバーしないと情報が出てこない、伝わらないので、グラフとして最低限の情報は載せるべきでしょう。その上で詳細情報を表示できるようにした方が良さそうです。

  • Twitter Share
  • Facebook Share
  • Line Share